<header class="site-header">

  <div class="row">

    <div class="logo-column">
      <h1 class="logo"><a href="{{ site.baseurl }}/">{{ site.header_title }}</a></h1>
    </div>

    <label class="off-canvas-toggle"><span data-icon="ei-navicon" data-size="s"></span></label>

    <div class="off-canvas-content">
      <div class="column">
        <nav class="site-header__navigation navigation">
          <ul class="list-bare">
            <li><a class="page-link" href="/">photography</a></li>
            <li><a class="page-link" href="/blog">blog</a></li>
            <li><a class="page-link" href="/categories">categories</a></li>
<!--            <li><a class="page-link" href="/project.html">projects</a></li>-->
            <li><a class="page-link" href="/about.html">about</a></li>
          </ul>
        </nav>
      </div>
      <div class="mode" id="theme-switch" onclick="toggleNightMode();">
        <span></span>
      </div>
    </div>

  </div>
</header>